/* 定义模块，加载头部与尾部，实现资源复用 */
define(["jquery"], function($) {
	// 构造函数
	function HeaderAndFooter() {
		// 初始化
		this.init();
	}
	// 原型方法
	HeaderAndFooter.prototype = {
		constructor: HeaderAndFooter,
		// 初始化
		init() {
			this.loadHeader();
			this.loadFooter();
		},
		// 加载头部资源
		loadHeader() {
			// 异步 ajax get 请求头部资源
			$.get("/html/include/header.html", (res) => {
				// 将响应回来的HTML文本渲染到 <header> 元素中
				$("header").html(res);
				// 添加交互功能
//				this.addListener();
				this.search();
				this.lb_top();
			});
		},
		loadFooter() {
			// 通常使用 load() 方法来异步加载外部静态资源
			$(".footer").load("/html/include/footer.html");
		},
		
		search(){//搜索框提示
//			console.log(123);
			$(function(){
				const shuru = $("input.in1");
				shuru.keyup(function(){
				var v=shuru.val();
				const url = `https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=${v}&cb=?`;
				$.getJSON(url, (res) => {
				var arr=res.s;
				var html="";
				arr.forEach(function(ele,index){
					html+=`<div>${ele}</div>`;
					});
				$(".jsonp").html(html);
					});
				});
				$(".jsonp").click(function(event){
					var v=$(event.target).text();
					shuru.val(v);
				});
				$(document).click(function(){
					$(".jsonp").empty();
				});
			});
			
		},
		
		lb_top(){//头部轮播图实现
			$(function(){
//				console.log("wasdas");
				var yd=$(".h1y").eq(0);
				var start=-33;
				var time1=setInterval(function(){
//				console.log(yd);
				yd.animate({top:start}, 500,function(){
					start=start-33;
					if(start==-165)
					{
						yd.css("top",0);
						start=-33;
					}
				});
			},2000);
			yd.mouseover(function(){
				clearInterval(time1);
			});
			
			yd.mouseout(function(){
				time1=setInterval(function(){
				yd.animate({top:start}, 500,function(){
					start=start-33;
					if(start==-165)
						{
						yd.css("top",0);
						start=-33;
						}
					});
				},2000);
			});
		});
			
			
	}
		
		
		
		
		// 注册事件监听
//		addListener() {
//			// 搜索框事件
//			$(".search :text").on("keyup", this.suggestHandler)
//		},
		// 搜索建议处理
//		suggestHandler(event) {
//			// 文本框中的输入值
//			const v = $(event.target).val()
//			// 跨域请求 baidu 的 jsonp 提示接口
//			const url = `https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=${v}&cb=?`;
//			$.getJSON(url, (res) => {
//				console.log(res)
//				// todo..........
//			})
//		}
//	}
}
	// 创建对象，并返回
	return new HeaderAndFooter();
});
